<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Metis</title>
    <meta name="msapplication-TileColor" content="#5bc0de"/>
    <meta name="msapplication-TileImage" content="assets/img/metis-tile.png"/>

    <link rel="stylesheet" href="assets/lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="assets/css/main.css"/>
    <link rel="stylesheet" href="assets/lib/Font-Awesome/css/font-awesome.css"/>
    
    <link rel="stylesheet" href="assets/lib/datepicker/css/datepicker.css">
    <link rel="stylesheet" href="assets/lib/datatables/css/demo_page.css">
    <link rel="stylesheet" href="assets/lib/datatables/css/DT_bootstrap.css">
    

    <!-- <link rel="stylesheet" href="assets/css/theme.css">
    -->
    <script src="assets/lib/modernizr-build.min.js"></script>
</head>
<body >
    <div id="wrap">

        <div id="top">
            <!-- .navbar -->
            <nav class="navbar navbar-inverse navbar-static-top">
                <!-- Brand and toggle get grouped for better mobile display -->
                <header class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a href="index.html" class="navbar-brand">
                        <img src="assets/img/logo.png" alt=""></a>
                </header>

                <div class="topnav">

                    <div class="btn-toolbar">
                        <div class="btn-group">
                            <a data-placement="bottom" data-original-title="Show / Hide Sidebar" data-toggle="tooltip" class="btn btn-success btn-sm" id="changeSidebarPos"> <i class="fa fa-resize-horizontal"></i>
                            </a>
                        </div>
                        <div class="btn-group">
                            <a href="login.html" data-toggle="tooltip" data-original-title="Logout" data-placement="bottom" class="btn btn-metis-1 btn-sm"> <i class="fa fa-power-off"></i>
                            </a>
                        </div>
                    </div>

                </div>

                <!-- /.topnav -->
                <div class="collapse navbar-collapse navbar-ex1-collapse">
                    <!-- .nav -->
                    <ul class="nav navbar-nav">
                        <li>
                            <a href="../see.html">看看</a>
                        </li>
                        <li>
                            <a href="../say.html">说说</a>
                        </li>
                        <li>
                            <a href="../write.html">记记</a>
                        </li>

                    </ul>
                    <!-- /.nav --> </div>
            </nav>
            <!-- /.navbar -->

            <!-- header.head -->
            <header class="head">
                <!-- ."main-bar -->
                <div class="main-bar">
                    <h3>
                        <i class="fa fa-home"></i>
                        张小张个人主页管理后台
                    </h3>
                </div>
                <!-- /.main-bar --> </header>
            <!-- end header.head --> </div>
        <!-- /#top -->

        <div id="left">
            <div class="media user-media">
                <a class="user-link" href="">
                    <img class="media-object img-thumbnail user-img" alt="User Picture" src="assets/img/user.gif"></a>

                <div class="media-body">
                    <h5 class="media-heading">张小张</h5>
                    <ul class="list-unstyled user-info">
                        <li>
                            <a href="">管理员</a>
                        </li>
                        <li>
                            最近登录 :
                            <br>
                            <small>
                                <i class="fa fa-calendar"></i>
                                16 Mar 16:32
                            </small>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- #menu -->
            <ul id="menu" class="collapse">
                <li class="nav-header">主菜单</li>
                <li class="nav-divider"></li>
                <li class="panel">
                    <a href="#" data-parent="#menu" data-toggle="collapse" class="accordion-toggle" data-target="#dashboard-nav">
                        <i class="glyphicon glyphicon-user"></i>
                        用户管理
                        <span class="pull-right">
                            <i class="fa fa-angle-left"></i>
                        </span>
                    </a>
                    <ul class="collapse" id="dashboard-nav">
                        <li class="">
                            <a href="user.html">
                                <i class="fa fa-angle-right"></i>
                                用户列表
                            </a>
                        </li>

                    </ul>
                </li>
                <li class="panel">
                    <a href="#" data-parent="#menu" data-toggle="collapse" class="accordion-toggle" data-target="#component-nav">
                        <i class="glyphicon glyphicon-eye-open"></i>
                        看看管理
                        <span class="pull-right">
                            <i class="fa fa-angle-left"></i>
                        </span>
                    </a>
                    <ul class="collapse" id="component-nav">
                        <li class="">
                            <a href="see.html">
                                <i class="fa fa-angle-right"></i>
                                上传图片
                            </a>
                        </li>

                    </ul>
                </li>
                <li class="panel">
                    <a href="#" data-parent="#menu" data-toggle="collapse" class="accordion-toggle collapsed"
           data-target="#form-nav">
                        <i class="glyphicon glyphicon-pencil"></i>
                        说说管理
                        <span class="pull-right">
                            <i class="fa fa-angle-left"></i>
                        </span>
                    </a>
                    <ul class="collapse" id="form-nav">
                        <li class="">
                            <a href="say.html">
                                <i class="fa fa-angle-right"></i>
                                说说列表
                            </a>
                        </li>

                    </ul>
                </li>

                <li class="panel active">
                    <a href="#" data-parent="#menu" data-toggle="collapse" class="accordion-toggle collapsed"
           data-target="#write-nav">
                        <i class="glyphicon glyphicon-edit"></i>
                        记记管理
                        <span class="pull-right">
                            <i class="fa fa-angle-left"></i>
                        </span>
                    </a>
                    <ul class="collapse in" id="write-nav">
                        <li class="">
                            <a href="write.html">
                                <i class="fa fa-angle-right"></i>
                                记记列表
                            </a>
                        </li>
                        <li class="active">
                            <a href="write-replay.html">
                                <i class="fa fa-angle-right"></i>
                                记记回复列表
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="panel ">
                    <a href="#" data-parent="#menu" data-toggle="collapse" class="accordion-toggle collapsed"
           data-target="#timer-nav">
                        <i class="glyphicon glyphicon-pencil"></i>
                        时间轴管理
                        <span class="pull-right">
                            <i class="fa fa-angle-left"></i>
                        </span>
                    </a>
                    <ul class="collapse" id="timer-nav">
                        <li class="">
                            <a href="timer.html">
                                <i class="fa fa-angle-right"></i>
                                时间轴
                            </a>
                        </li>

                    </ul>
                </li>
            </ul>
            <!-- /#menu --> </div>
        <!-- /#left -->

        <div id="content">
            <div class="outer">
                <div class="inner">
                    <div class="col-lg-12">
                        <h2>记记回复列表</h2>
                        <div class="box dark">
                            <header>
                                <div class="icons">
                                    <i class="fa fa-edit"></i>
                                </div>
                                <h5>记记回复查询</h5>
                                <!-- .toolbar -->
                                <div class="toolbar">
                                    <ul class="nav">
                                        <li>
                                            <a class="accordion-toggle minimize-box" data-toggle="collapse" href="#div-1">
                                                <i class="fa fa-chevron-up"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </header>
                            <!-- /.toolbar -->
                            <div id="div-1" class="accordion-body collapse in body">
                                <form class="form-horizontal form-inline">
                                    <div class="form-group">
                                        <label class="control-label col-lg-5" for="dp1">文章标题</label>

                                        <div class="col-lg-7">
                                            <input type="text" class="form-control" placeholder="文章标题" value=""></div>
                                    </div>
                                    <div class="form-group">
                                        <label for="text1" class="control-label col-lg-4">回复人</label>

                                        <div class="col-lg-7">
                                            <input type="text" id="text1" placeholder="回复人" class="form-control"></div>
                                    </div>
                                    <div class="form-group">
                                        <label for="text1" class="control-label col-lg-4">关键字</label>

                                        <div class="col-lg-7">
                                            <input type="text" id="text1" placeholder="关键字" class="form-control"></div>
                                    </div>
                                   
                                    <button class="btn btn-sm btn-primary">查询</button>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12">
                         <div class="box">
                                <header>
                                    <h5>查询结果</h5>
                                    <div class="toolbar">
                                        <div class="btn-group">
                                            <a href="" class="btn btn-danger btn-sm close-box">
                                                批量删除
                                            </a>

                                            <a href="#sortableTable" data-toggle="collapse" class="btn btn-default btn-sm accordion-toggle minimize-box">
                                                <!-- <i class="icon-chevron-up"></i> -->
                                                收起
                                            </a>
                                            
                                        </div>
                                    </div>
                                </header>
                                <div id="sortableTable" class="body collapse in">
                                    <table class="table table-bordered sortableTable responsive-table">
                                        <thead>
                                            <tr>
                                                <th>
                                                    <input class="uniform" type="checkbox" value="option1"/>  
                                                    全选
                                                </th>
                                                <th>
                                                    First Name
                                                    <i class="icon-sort"></i>
                                                    <i class="icon-sort-down"></i>
                                                    <i class="icon-sort-up"></i>
                                                </th>
                                                <th>
                                                    Last Name
                                                    <i class="icon-sort"></i>
                                                    <i class="icon-sort-down"></i>
                                                    <i class="icon-sort-up"></i>
                                                </th>
                                                <th>
                                                    Score
                                                    <i class="icon-sort"></i>
                                                    <i class="icon-sort-down"></i>
                                                    <i class="icon-sort-up"></i>
                                                </th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody>

                                            <tr>
                                                <td><input class="uniform" type="checkbox" value="option1"/>  </td>
                                                <td>Jill</td>
                                                <td>Smith</td>
                                                <td>50</td>
                                                <td><a href="">删除</a></td>
                                            </tr>

                                            <tr>
                                                <td><input class="uniform" type="checkbox" value="option1"/>  </td>
                                                <td>Eve</td>
                                                <td>Jackson</td>
                                                <td>94</td>
                                                <td><a href="">删除</a></td>
                                            </tr>

                                            <tr>
                                                <td><input class="uniform" type="checkbox" value="option1"/>  </td>
                                                <td>John</td>
                                                <td>Doe</td>
                                                <td>80</td>
                                                <td><a href="">删除</a></td>
                                            </tr>

                                            <tr>
                                                <td><input class="uniform" type="checkbox" value="option1"/>  </td>
                                                <td>Adam</td>
                                                <td>Johnson</td>
                                                <td>67</td>
                                                <td><a href="">删除</a></td>
                                            </tr>

                                        </tbody>
                                    </table>
                                    <div class="text-right">

                                            <ul class="pagination">
                                               
                                                <li class="disabled">
                                                    <a href="#">&laquo;</a>
                                                </li>
                                                <li class="active">
                                                    <a href="#">1</a>
                                                </li>
                                                <li>
                                                    <a href="#">2</a>
                                                </li>
                                                <li>
                                                    <a href="#">3</a>
                                                </li>
                                                <li>
                                                    <a href="#">4</a>
                                                </li>
                                                <li>
                                                    <a href="#">5</a>
                                                </li>
                                                <li>
                                                    <a href="#">&raquo;</a>
                                                </li>
                                                 <li class="disabled">
                                                    <a href="#">1/5页</a>
                                                </li>
                                            </ul>

                                        </div>
                                </div>
                            </div>
                         
                    </div>
    <!-- /.col-lg-12 -->

                </div>
            </div>
        </div>
    </div>

    <div id="footer">
        <p>2013 &copy; 小张张 管理后台</p>
    </div>

    <!-- /.modal -->
    <!-- /#helpModal -->

    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="assets/lib/jquery.min.js"><\/script>')</script>

<script src="assets/lib/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="assets/js/style-switcher.js"></script>

<script src="assets/lib/datepicker/js/bootstrap-datepicker.js"></script>
<script src="assets/lib/daterangepicker/moment.min.js"></script>
<script src="assets/lib/tablesorter/js/jquery.tablesorter.min.js"></script>


<script type="text/javascript">
    $('#dp1').datepicker({
        format: 'mm-dd-yyyy'
    });
     $('#dp2').datepicker({
        format: 'mm-dd-yyyy'
    });
      $(".sortableTable").tablesorter({
        headers:{0:{sorter:false}}//设置第一列不排序
      });
</script>

</body>
</html>